<script lang="ts" setup>
import { NDivider, NButton, NCard } from "naive-ui";
import Permission from "@/components/permission/Permission.vue";
</script>

<template>
  <NCard title="按钮权限">
    <NDivider title-placement="left"> v-auth 指令模式 </NDivider>
    <NButton v-auth="'addData'">指令模式</NButton>
    <NDivider title-placement="left"> Permission 组件模式 </NDivider>
    <Permission :permission="'deleteData'">
      <NButton>组件模式</NButton>
    </Permission>
  </NCard>
</template>

<style lang="less" scoped></style>
